@import'./modules/header.scss';
@import'./modules/footer.scss';
section{
    margin-top:70px;
    .shopcar-top{
        height:94px;
        width:100%;
        background-color: #ccc;
        margin-bottom:30px;
        p{
            width:1200px;
            height:94px;
            margin:0 auto;
            line-height: 94px;
            text-align: center;

            i{
                font-size:28px;
                color:#fff;
            }
            span{
                font-size: 20px;
            }
        }
    }
    .main{
        width:1200px;
        min-height:700px;
        margin: 0 auto;
        // height:500px;
    }

    .main-top{
        width:80%;
        height:80px;
        margin: 0 auto;
        // border: 1px solid #000;
        background: #999;
        // text-align: center;
        line-height: 80px;
        color:#fff;
        p{
            span:nth-child(1){
                margin-left:20px;
            }
            span:nth-child(2){
                margin-left:115px;
            }
            span:nth-child(3){
                margin-left:280px;
            }
            .dv{
                margin-left:80px;
            }
        }
    }
    .main-bottom{
        // position: relative;
        width:80%;
        margin: 0 auto;
        .main-bottom-ul{
            
            ul{
                width:100%;
                margin-top:20px;
                height:100px;
                // border:1px solid #000;
                overflow: hidden;
                li{
                    float:left;
                    line-height: 100px;
                }
                li:nth-child(1){
                    margin-left:20px;
                }
                li:nth-child(2){
                    margin-left:20px;
                    
                    img{
                        width:100px;
                        height:100px;
                    }
                }
                li:nth-child(3){
                    margin-left:20px;
                    cursor: pointer;
                }
                li:nth-child(4){
                    margin-left:240px;
                }
                li:nth-child(5){
                    width:85px;
                    height:20px;
                    margin-top:37px;
                    margin-left:50px;
                    border:1px solid #000;
                    line-height:20px;
                    text-align: center;
        
                    span:nth-child(1){
                         float: left;
                        width:20px;
                        height:20px;
                        text-align: center;
                        border-right:1px solid #000;
                        cursor: pointer;
                    }
                    span:nth-child(2){
                        float: left;
                        width:40px;
                        height:20px;
                        text-align: center;
                        // border-right:1px solid #000; 
                    }
                    span:nth-child(3){
                        float: left;
                        width:20px;
                        height:20px;
                        text-align: center;
                        border-left:1px solid #000;
                        cursor: pointer;
                    }
                }
                li:nth-child(6){
                    margin-left:45px;
                }
                li:nth-child(7){
                    color:#999;
                    margin-left:75px;
                    cursor: pointer;
                }
            }
        }
       
    }
    .kong{
        display: none;
        width:500px;
        height:300px;
        position: absolute;
        top:380px;
        left:530px;
        .kong-img{
            width:200px;
            height:200px;
            background: url(/images/icon8.png) no-repeat;
            background-size:100% 100%;
            margin:0 auto;
        }
        .kong-shop{
            height:80px;
            width:400px;
            margin: 0 auto;
            margin-top:20px;
            p{
                height:30px;
                width:150px;
                float:left;
                border:1px solid;
                line-height: 30px;
                text-align: center;
                font-size:12px;
            }
            a{
                float:right;
                height:30px;
                width:80px;
                border:1px solid;
                line-height: 30px;
                text-align: center;
                font-size:12px
            }
        }
    }
    .payBox{
        width:80%;
        margin: 0 auto;
        .payBox-b{
            height:80px;
            float:right;
            li{
                float:left;
                height:60px;
                line-height: 60px;
                margin-left:40px;
                border:1px solid;
                &:nth-child(1){
                    width:200px;
                    text-align: center;
                    border-radius: 10px;
                    span{
                        color:#096;
                    }
                }
                &:nth-child(2){
                    width:100px;
                    text-align: center;
                    background-color: blue;
                    color:#fff;
                    border-radius: 10px;
                }
            }
        }
    }
    .serve{
        height:362px;
        width:100%;
        background-color: #ccc;
        margin-top:30px;
        .serve-main{
            height:212px;
            width:320px;
            margin: 0 auto;
            padding-top:50px;
            h3{
                margin-bottom: 30px;
            }
            li{
                line-height: 35px;
            }
        }
    }
}
